<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Globals</title>
    <!-- 引入框架css文件 -->
    <link rel="stylesheet" href="./assets/css/bootstrap.min.css">
    <!-- 动画库 -->
    <link rel="stylesheet" href="./assets/css/animate.min.css" />

    <!-- 引入css重置文件 -->
    <link rel="stylesheet" href="./assets/css/reset.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="./assets/css/common.css">
    <!-- 引入index的css文件 -->
    <link rel="stylesheet" href="./assets/css/index.css">
</head>
<!-- eee7d9 -->

<body>
    <!-- header头部 -->
    <nav class="navbar navbar-default nav2">
        <div class="container">

            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#"><img src="./assets/images/logo.png" alt="" class="wow fadeInDown"
                        data-wow-delay="0ms"></a>
            </div>

            <div class="collapse navbar-collapse lis" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="./index.html" id="home" class="wow fadeInDown" data-wow-delay="100ms">Home</a></li>
                    <li><a href="./pages.html" class="wow fadeInDown" data-wow-delay="200ms">Pages</a></li>
                    <li><a href="./investment.html" class="wow fadeInDown" data-wow-delay="300ms">Investment</a></li>
                    <li><a href="./news.html" class="wow fadeInDown" data-wow-delay="400ms">News</a></li>
                    <li><a href="./calculator.html" class="wow fadeInDown" data-wow-delay="500ms">Calculator</a></li>
                    <li><a href="./contacts.html" class="wow fadeInDown" data-wow-delay="600ms">Contacts</a></li>
                </ul>
            </div>
        </div>
    </nav>



    <!-- banner部分 -->
    <div class="banner">
        <div class="container">
            <div class="text">
                <!-- 标题 -->
                <di class="hellow">
                    <div class="world wow fadeInDown" data-wow-delay="200ms"> Hellow World!</div>
                    <p class="p2 world wow fadeInDown" data-wow-delay="300ms">Welcome to Good Investment</p>
                    <p class="p3 wow fadeInDown" data-wow-delay="400ms">Lorem ipsum dolor sit amet, consectetuer
                        adipiscing elit, sed diam
                        nonummy nibh
                        euismod tincidunt ut laoreet.</p>

                    <div class="more">
                        <button class="btns wow fadeInDown" type="submit" data-wow-delay="600ms">
                            Learn More <span class="glyphicon glyphicon-arrow-right"></span>
                        </button>
                    </div>

                </di>

                <!-- 图片 -->
                <div class="pic wow fadeInDown" data-wow-delay="300ms">
                    <img src="./assets/images/head.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <!-- 相机部分 -->
    <div class="design">
        <div class="container">
            <div class="box">
                <div class="item">
                    <!-- 图片 -->
                    <div class="back">
                        <div class="box1 wow fadeInDown" data-wow-delay="100ms">
                            <img src="./assets/images/qian.png" alt="">
                        </div>
                    </div>
                    <div class="box2">
                        <!-- 文字 -->
                        <div class="Solutions wow fadeInDown" data-wow-delay="150ms">
                            Investment Solutions
                        </div>

                        <p class="wow fadeInDown" data-wow-delay="200ms">
                            orem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                            tincidunt
                            ut
                            laoreet dolore magna aliquam erat volutpat.
                        </p>
                    </div>
                </div>


                <div class="item">
                    <!-- 图片 -->
                    <div class="back">
                        <div class="box1 wow fadeInDown" id="back2" data-wow-delay="100ms">
                            <img src="./assets/images/shuj.png" alt="">
                        </div>
                    </div>
                    <!-- 文字 -->
                    <div class="box2">
                        <div class="Solutions wow fadeInDown" data-wow-delay="150ms">
                            Investment Solutions
                        </div>
                        <p class="wow fadeInDown" data-wow-delay="200ms">
                            orem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                            tincidunt
                            ut
                            laoreet dolore magna aliquam erat volutpat.
                        </p>
                    </div>
                </div>



                <div class="item">
                    <!-- 图片 -->
                    <div class="back">
                        <div class="box1 wow fadeInDown" data-wow-delay="100ms">
                            <img src="./assets/images/xji.png" alt="">
                        </div>
                    </div>
                    <div class="box2">
                        <!-- 文字 -->
                        <div class="Solutions wow fadeInDown" data-wow-delay="150ms">
                            Investment Solutions
                        </div>
                        <p class="wow fadeInDow" data-wow-delay="200ms">
                            orem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                            tincidunt
                            ut
                            laoreet dolore magna aliquam erat volutpat.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- flow 部分 -->
    <div class="flow">
        <div class="container">

            <div class="mode">
                <!-- 图片 -->
                <div class="people wow fadeInDown" data-wow-delay="300ms">
                    <img src="./assets/images/pz.png" alt="">
                </div>

                <!-- 文字 -->
                <div class="books">
                    <div class="invest wow fadeInDown" data-wow-delay="400ms">
                        Maintain financial flow
                        <div class="invest wow fadeInDown" data-wow-delay="400ms">and invest wisely</div>
                    </div>
                    <p class="wow fadeInDown" data-wow-delay="500ms">Lorem ipsum dolor sit amet, consectetuer adipiscing
                        elit, sed diam nonummy nibh euismod tincidunt
                        ut
                        laoreet dolore magna aliquam. </p>

                    <div class="list wow fadeInDown" data-wow-delay="600ms">
                        <div>
                            <span class="iconfont">&#xe714;</span>Claritas est etia processus;
                        </div>
                        <div>
                            <span class="iconfont">&#xe714;</span>Mirum est notare quam;
                        </div>
                        <div>
                            <span class="iconfont">&#xe714;</span>Eodem modo typi;
                        </div>
                        <div>
                            <span class="iconfont">&#xe714;</span>Lorem ipsum dolor sit amet;
                        </div>
                        <div>
                            <span class="iconfont">&#xe714;</span>Nam liber tempor cum.
                        </div>
                    </div>

                    <!-- 按钮 -->
                    <div class="sub wow fadeInDown" data-wow-delay="700ms">

                        <div class="learn">
                            <div class="liber">Learn More<span class="glyphicon glyphicon-arrow-right"></span>
                            </div>
                        </div>

                        <div class="contact">
                            <div class="liber">Contact Us<span class="glyphicon glyphicon-arrow-right"></span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="people" id="people2">
                    <img src="./assets/images/pz.png" alt="">
                </div>
            </div>
        </div>
    </div>

    <!-- plans部分 -->
    <div class="plans">
        <div class="container">
            <!-- 标题 -->
            <div class="title wow fadeInDown" data-wow-delay="400ms">
                <div class="invest">Investment Plans</div>
                <p class="wow fadeInDown" data-wow-delay="500ms">
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
                    laoreet dolore magna aliquam erat volutpat.
                </p>
            </div>

            <!-- 图片 -->
            <div class="now wow fadeInDown" data-wow-delay="700ms">
                <!-- 第一个盒子 -->

                <div class="days1">
                    <div class="standart">
                        <div>Standart</div>
                        <p>25 calendar days</p>
                    </div>
                    <!-- 百分比 -->
                    <div class="ten">
                        <p>0.5%</p>
                    </div>

                    <!-- 段落 -->
                    <div class="txt">
                        <p>Lorem ipsum dolor sit amet,consectetuer adipiscingelit, sed diam nonummy nibh
                            euismodtincidunt ut laoreet dolore magna aliquam erat volutpat.</p>


                    </div>

                    <!-- 按钮 -->
                    <div class="button">
                        <button type="submit">Invest Now!</button>
                    </div>
                </div>

                <!-- 第二个盒子 -->
                <div class="days1">
                    <div class="standart" id="stan">
                        <div>Professional</div>
                        <p>25 calendar days</p>
                    </div>
                    <!-- 百分比 -->
                    <div class="ten" id="ten">
                        <p>0.8%</p>
                    </div>

                    <!-- 段落 -->
                    <div class="txt" id="txt">
                        <p>
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                            tincidunt ut laoreet dolore magna aliquam erat volutpat.
                        </p>
                    </div>

                    <!-- 按钮 -->
                    <div class="button">
                        <button type="submit" id="btns">Invest Now!</button>
                    </div>
                </div>


                <!-- 第三个盒子 -->
                <div class="days1">
                    <div class="standart" id="stan2">
                        <div>VIP Partner</div>
                        <p>25 calendar days</p>
                    </div>
                    <!-- 百分比 -->
                    <div class="ten" id="ten2">
                        <p>1.2%</p>
                    </div>

                    <!-- 段落 -->
                    <div class="txt">
                        <p>
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                            tincidunt ut laoreet dolore magna aliquam erat volutpat.
                        </p>
                    </div>

                    <!-- 按钮 -->
                    <div class="button">
                        <button type="submit" id="btns2">Invest Now!</button>
                    </div>
                </div>


                <!-- 第四个盒子 -->
                <div class="days1">
                    <div class="standart" id="stan3">
                        <div>Standart</div>
                        <p>25 calendar days</p>
                    </div>
                    <!-- 百分比 -->
                    <div class="ten" id="ten3">
                        <p>1.0%</p>
                    </div>

                    <!-- 段落 -->
                    <div class="txt" id="txt2">
                        <p>
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
                            euismod
                            tincidunt ut laoreet dolore magna aliquam erat volutpat.
                        </p>
                    </div>

                    <!-- 按钮 -->
                    <div class="button">
                        <button type="submit" id="btns3">Invest Now!</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- quick部分 -->
    <div class="quick">
        <div class="container">
            <div class="box">
                <!-- 文字部分 -->
                <div class="sit">
                    <!-- 标题 -->
                    <div class="answers wow fadeInDown" data-wow-delay="300ms">
                        Quick Answers
                    </div>
                    <div class="lorem wow fadeInDown" data-wow-delay="300ms">
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                        tincidunt ut
                        laoreet dolore magna aliquam.
                    </div>

                    <div class="sit wow fadeInDown" data-wow-delay="400ms">
                        Lorem ipsum dolor sit amet
                    </div>

                    <div class="dusi wow fadeInDown" data-wow-delay="500ms">
                        Duis autem vel eum iriure dolor in hendrerit
                    </div>
                    <div class="quam wow fadeInDown" data-wow-delay="600ms">
                        Mirum est notare quam
                    </div>
                    <div class="nibh wow fadeInDown" data-wow-delay="600ms">
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                        tincidunt ut
                        laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci
                        tation
                        ullamcorper suscipit lobortis.

                    </div>

                    <div class="est wow fadeInDown" data-wow-delay="700ms">
                        Claritas est etiam processus dynamicus
                    </div>
                    <div class="qui wow fadeInDown" data-wow-delay="700ms">
                        Eodem modo typi, qui nunc nobis
                    </div>
                </div>
                <!-- 图片 -->
                <div class="nobis wow fadeInDown" data-wow-delay="300ms">
                    <img src="./assets/images/ren.png" alt="">
                </div>
            </div>

        </div>
    </div>

    <!-- 系统部分 -->
    <div class="systems">
        <div class="container  wow fadeInDown" data-wow-delay="400ms">
            <div class="pay">
                Payment Systems
            </div>
            <div class="sed">
                <div class="left">
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
                    laoreet dolore magna aliquam.
                </div>
            </div>
            <!-- logo -->
            <div class="logos wow fadeInDown" data-wow-delay="500ms">
                <div class="pay"><img src="./assets/images/pay.png" alt=""></div>
                <div class="pay"><img src="./assets/images/pay2.png" alt=""></div>
                <div class="pay"><img src="./assets/images/pay3.png" alt=""></div>
                <div class="pay"><img src="./assets/images/pay4.png" alt=""></div>
            </div>
        </div>
    </div>



    <!-- 友情链接 -->
    <div class="cap" >
        <div class="container">
            <div class="bigbox">
                <!-- 第一个盒子 -->
                <div class="read wow fadeInDown" data-wow-delay="400ms">
                    <div class="logo3"><img src="./assets/images/logo.png" alt=""></div>
                    <!-- 文字 -->
                    <div class="text">
                        Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est
                        notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas
                        humanitatis per seacula quarta decima et quinta decima. Read More...

                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
                        tincidunt ut laoreet dolore magna aliquam erat volutpat.
                    </div>
                    <p class="social">Social Network</p>
                    <div class="logo4">
                        <img src="./assets/images/icon-facebook.png" alt="">
                        <img src="./assets/images/icon2.png" alt="">
                        <img src="./assets/images/icon3.png" alt="">
                        <img src="./assets/images/icon4.png" alt="">
                        <img src="./assets/images/icon5.png" alt="">
                        <img src="./assets/images/icon6.png" alt="">
                        <img src="./assets/images/icon7.png" alt="">
                        <img src="./assets/images/icon8.png" alt="">

                    </div>
                </div>

                <!-- 第二个盒子 -->
                <div class="recen wow fadeInDown" data-wow-delay="500ms">
                    <div class="title">Recent News</div>
                    <div class="may">
                        <div class="may07">07 May, 2015</div>
                        <div class="mirum">Mirum est notare quam littera gothica, quam nunc putamus parum, anteposuerit
                            litterarum.
                        </div>
                    </div>
                    <div class="apr">
                        <div class="aorit">23 April, 2015</div>
                        <div class="est">Claritas est etiam processus dynamicus.</div>
                    </div>

                    <div class="dece">
                        <div class="num">05 December, 2014</div>
                        <div class="times">Eodem modo typi, qui nunc nobis videntur clari, sollemnes in futurum.</div>
                    </div>
                </div>

                <!-- 第三个盒子 -->
                <div class="email wow fadeInDown" data-wow-delay="600ms">
                    <div class="title">Email Newsletters</div>
                    <div class="sing">
                        <div class="mirum">Sign Up for Our Newsletter to get Latest Updates and Offers. Subscribe to
                            receive news in your inbox.
                        </div>
                    </div>
                    <div class="full">
                        <span>Full Name</span>
                        <input type="text" placeholder="Dmitry Tar">
                    </div>

                    <div class="full">
                        <span>Email Address</span>
                        <input type="password" placeholder="please">
                    </div>
                    <div class="btns">
                        <button type="">Subscribe Now</button>
                    </div>

                </div>
            </div>
        </div>
    </div>


    <!-- footer部分 -->
    <div class="footer wow fadeInDown" data-wow-delay="400ms">
        <div class="container">
            <div class="good">
                <div class="top"><img src="./assets/images/huo.png" alt=""></div>
                <div class="goods">
                    © 2015 Good Investment <span> Globals</span> / Designed by <span>ThemeFire</span> / Only for Envato
                    Market
                </div>
            </div>

        </div>

    </div>


</body>

</html>
<!-- 框架依赖jq -->
<script src="./assets/js/jquare.js"></script>

<script src="./assets/js/bootstrap.min.js"></script>

<!-- less编译 -->
<script src="./assets/js/less.min.js"></script>

<script src="./assets/js/wow.min.js"></script>
<script>
    // wow.js 插件的初始化
    new WOW().init();
</script>
<!-- 重置 -->
<!-- <script src="./assets/js/reset.js"></script> -->